.examples_body {

	 width: 100%;

	 clear: both;

	 overflow: hidden;

	 position: relative;

	padding:90px 0 100px 0;

	margin: 0;

	border: none;

	background-color: #fff;

}



.examples_body2{

	width: 100%;

	clear: both;

	overflow: hidden;

	position: relative;

	background-color: #fff;

}

/* The main banner unordered list */

.bannerHolder {

	/* CSS3 rounded corners */

	 -moz-border-radius:12px;

	 -webkit-border-radius:12px;

	 border-radius:12px;

}



/* Hiding the bullets of the li elements: */

.bannerHolder li {

	 list-style: none;

	 display: inline;float: left;width: 50%;

}



/* The banner divs */

.picbox {

	 position: relative;

	 overflow: hidden;

	 float: left;

	 display: inline;

	 width:615px;



}



/* The banner divs */

.picbox img {

	 display: block;

	 border: none;

}

.toleft{ margin-left:0px;}

/* The dark animated divs */

.picbox div {

	 position: absolute;

	 z-index: 100;

	 background-color: #222;

	 cursor: pointer;

	/*	Setting a really big value for border-radius

		will make the divs perfect circles */

	 -moz-border-radius:100px;

	 -webkit-border-radius:100px;

	 border-radius:100px;

}



/*	Positioning the animated divs outside the

	corners of the visible banner area: */

.picbox .cornerTL { left:-353px; top:-383px; }

.picbox .cornerTR { right:-353px; top:-383px; }

.picbox .cornerBL { left:-353px; bottom:-383px; }

.picbox .cornerBR { right:-353px; bottom:-383px; }





/* The "Visit Company" text */

.picbox p {

     width: 100%;

	 left: 0;

	 bottom: 0;

	 z-index: 200;

	 position: absolute;

	 font-family: Tahoma, Arial, Helvetica, sans-serif;

	 color: #FFF;

	 font-size:28px; line-height:60px;

	letter-spacing:1px;

	text-align: center;

	 cursor: pointer; background: url(../images/indnfo.png) repeat-x center left;

	 /*display: none;	 hidden by default */

}















/* The banner divs */

.picbox2 {

	position: relative;

	overflow: hidden;

	float: left;

	display: inline;

	width: 50%;

}



/* The banner divs */

.picbox img {

	display: block;

	border: none;

}

/* The dark animated divs */

.picbox2 div {

	position: absolute;

	z-index: 100;

	background-color: #222;



	cursor: pointer;

	/*	Setting a really big value for border-radius

		will make the divs perfect circles */

	-moz-border-radius:100px;

	-webkit-border-radius:100px;

	border-radius:100px;

}



/*	Positioning the animated divs outside the

	corners of the visible banner area: */

.picbox2 .cornerTL { left:-353px; top:-383px; }

.picbox2 .cornerTR { right:-353px; top:-383px; }

.picbox2 .cornerBL { left:-353px; bottom:-383px; }

.picbox2 .cornerBR { right:-353px; bottom:-383px; }





/* The "Visit Company" text */

.picbox2 p {

	width: 100%;

	left: 0;

	top: 157px;

	z-index: 200;

	position: absolute;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	color: #FFF;

	font-size: 55px;

	letter-spacing:5px;

	text-align: center;

	cursor: pointer;

	display: none;	/* hidden by default */

}









@media screen and (max-width:480px){



	.picbox {

		width:100%;

		margin-left: auto;

		margin-right: auto;

		float: none;
		position: revert;


	}







	/* The banner divs */

	.picbox img {

		display: block;

		border: none;

		width: 100%;

		margin-bottom:0px;

	}

	.toleft{ margin-left: 0px;}

	/* The dark animated divs */

	.picbox div {

		position: absolute;

		z-index: 100;

		background-color: #222;

		width:100%;

		cursor: pointer;

		/*	Setting a really big value for border-radius

            will make the divs perfect circles */

		-moz-border-radius:100px;

		-webkit-border-radius:100px;

		border-radius:100px;

	}



	.picbox2 {

		width:49%;

		position: relative;

		overflow: hidden;

		float: left;

		display: inline;

	}



	/* The banner divs */

	.picbox2 img {

		display: block;

		border: none;

		width: 100%;

	}

	/* The dark animated divs */

	.picbox2 div {

		position: absolute;

		z-index: 100;

		background-color: #222;

		width:100%;

		cursor: pointer;

		/*	Setting a really big value for border-radius

            will make the divs perfect circles */

		-moz-border-radius:100px;

		-webkit-border-radius:100px;

		border-radius:100px;

	}

	

.examples_body{padding:20px 0;}

.picbox{width:96%; float:none;}

.bannerHolder li{width:100%; position: relative;}

}